<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        表单在现实中用于提交数据
            在网页中也可以使用表单,网页中的表单用于将本地的数据提交给远程的服务器
            使用form标签创建表单
     -->
     <!-- 
         form的属性
            action 表单提交的服务器
      -->
     <form action="target.html">
         <!-- 
             添加表单项 
                文本框
                注意 数据要提交到服务器中,必须为元素指定一个name属性值
            -->
            文本框<input type="text"- name="hello">
            <!-- 
                密码框
             -->
            密码框<input type="password" name="123">
            <!-- 
                单选按钮必须有相同的name属性
                    -像这种选择框,必须指定一个value属性,value属性最终会作为用户的填写值传递给服务器
                    checked可以将表单设置为默认选种
             -->
             单选按钮<input type="radio" name="1" value="男">
                    <input type="radio" name="1" value="女" checked>

            <!-- 
                多选框
             -->
             多选框<input type="checkbox" name="test" value="1">
            <input type="checkbox"  name="test" value="2">
            <input type="checkbox"  name="test" value="3">
            <input type="checkbox"  name="test" value="4" checked>
            <br>
            <!-- 
                下拉列表 selected设置为默认选中
             -->
             <select name="haha" >
                 <option value="i">选项一</option>
                 <option selected value="i1">选项2</option>
                 <option value="i2">选项3</option>
             </select>
            <!-- 
            提交按钮
            -->
            <input type="submit" value="登入">

     </form>
</body>
</html>